html body {
	width: 100%;
	overflow-x: hidden;
	font-size: 2vh;
	font-weight: 900;
	width: 100vw;
	height: 100%;
	padding-bottom: 15vh;
	background-color: white;

}
/* 帖主的基本信息 */
#user_data {
	width: 100%;
	height: 10vh;
	display: flex;
	align-items: center;
	float: right;
	font-size: 1.5vh;
	border-top: solid 1.5px #DADADA;
}

#user_data img {
	width: 5vh;
	height: 5vh;
	border-radius: 50ch;
	background-color: bisque;
	margin: 2vh;
}

#user_data_name {
	width: 70%;
}

#user_data_name b {
	font-size: 1.9vh;
}

#user_data_name p {
	color: gray;
	margin-top: 0.8vh;

}

#user_data button {
	border: none;
	height: 5vh;
	width: 16vw;
	color: #7762D0;
	font-size: 2vh;
	border-radius: 15vh;
	width: 15vw;
	height: 5vh;
	margin-right: 3vh;
}

/* 用户发布的帖子内容 */
.publish_text-line {
	background-color: white;
	font-size: 2vh;
	padding: 2vh;
	line-height: 3vh;
}

.publish_text-line b {
	font-size: 2.5vh;
}

/* 全部回复 */
#reply_all_hot {
	width: 100%;
	margin-top: 0.3vh;
	background-color: white;
	margin-bottom: 0.3vh;
	display: flex;
	margin-left: 1vw;
}

.switch-item {
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}

.switch-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.active {
    background-color: #e9ebee;
}



/* 用户评论列表 */

#user_reply_content_box {
	width: 100%;
	height: 18vh;
	background-color: white;
	display: flex;

}

/* 用户头像设置 */
#user_head_box {
	padding-left: 2vh;
	padding-top: 3vh;
}

#user_head_box img {
	width: 4vh;
	height: 4vh;
	background-color: antiquewhite;
	border-radius: 50%;
}

/* 用户评论的内容 */

#user_reply_content_and_name {
	width: 100%;
	height: 100%;
	padding-top: 4vh;
	padding-left: 2.5vh;
	border-bottom: solid 1.5px #DADADA;
}

#user_reply_content {
	padding-top: 2.5vh;
	font-weight: bold;
}

#user_reply_time {
	color: grey;
	font-size: 1.3vh;
	padding-top: 2vh;
}


/* 用户点赞功能 */

#user_reply_content_zan {
	width: 25%;
	height: 100%;
	padding-top: 4vh;
	display: flex;
	border-bottom: solid 1.5px #DADADA;
}

#user_reply_content_zan img {
	width: 2.5vh;
	height: 2.5vh;
}

#user_reply_content_zan p {
	margin-top: 0.5vh;
}

/* 底部消息回复框 */

#user_reply_import {
	width: 100%;
	height: 8vh;
	display: flex;
	background-color: white;
	/* div固定在底部 */
	position: fixed;
	left: 0;
	bottom: 0;
	align-items: center;
	font-size: 1.8vh;
}


#user_reply_import_box {
	width: 100%;
	color: #6E6E70;
	display: flex;
	background-color: #D0D0D0;
	/* 设置圆角 */
	border-radius: 15vh;
	margin: 2vh;
}

#user_reply_import_box p {
	width: 100%;
	line-height: 4.5vh;
	padding-left: 2vh;
}

#user_reply_import img {
	width: 3vh;
	height: 3vh;
	margin: 1vh;
	margin-right: 2vh;

}

.conten_end{
	text-align: center;
	width: 100%;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding-top: 6vh;
	color: gray;
}

